<template>
  <div class="card-wrapper">
    <h3>{{userInfo.title}}</h3>
    <p>Hello {{userInfo.name}}，Are you {{userInfo.age}} years old</p>
    <h3>vue2npm-mult(card01)</h3>
  </div>
</template>
<script>
export default {
  name:'card02',
  props:{
    userInfo:{
      type:Object
    }
  }
}
</script>
<style scoped lang="less">
.card-wrapper {
  margin:12px;padding:12px;
  width:300px;
  height:200px;
  border:1px solid #aaa;
  border-radius: 5px;
  box-shadow: 0 0 20px -5px ;
}
</style>